<template>
        <div>
            父传子 
            父组件
            <Child :fu="fu" @zi="aaaa"></Child>
            <p>子组件{{ bbb }}</p>
        </div>
</template>
    
<script setup lang='ts'>
import Child from '@/components/Child.vue';
import {ref} from 'vue'
const fu=ref('父组件的值11111aaaa')

const bbb=ref('')
const aaaa=(val)=>{
    console.log(val)
    bbb.value=val.content
}
    
</script>
    
<style>
    
</style>